<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="__PUBLIC__/common/layui/css/layui.css"  media="all">
    <style>

    </style>
    <script type="text/javascript" src="__PUBLIC__/common/js/jquery-1.8.2.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $('.update').click(function (e) {
                e.preventDefault();
                $(this).parent().parent().css('background','blue');
                $(this).parent().parent().siblings().css('background','white');
                var id=$(this).attr('href');
                var url=$('#typeUp').val();
                var type=$("#type").val();
                $.get(url,{id:id,type:type}, function (data) {  //这个ajax没有用，可以删除
                    $('table').before("<input type='text' required='required' name='sx' placeholder='请填入修改的属性'><input type='text' required='required' name='money' placeholder='请填入修改的扣款'><button class='tup'>修改</button>&nbsp;&nbsp;&nbsp;&nbsp;<button class='load'>刷新</button>");
                    $('.load').click(function () {
                        window.location.reload();                //刷新按钮
                    })
                    $('.tup').click(function () {                //修改的按钮，以及提交ajax
                        var message=$("input[name='sx']").val();
                        var killed=$("input[name='money']").val();
                        var type=$("#type").val();
                        $.get(url,{tid:id,message:message,killed:killed,type:type}, function (data) {
                            if(data){
                                alert('修改成功');
                                window.location.reload();
                            }
                        })
                    })
                })

            })
            $("#insert").click(function () {             //插入一条数据
                $(this).after("<p><input type='text' name='fid' placeholder='请输入添加的父级ID'><input name='message' type='text' placeholder='请输入添加的属性'><input type='text' name='killed' placeholder='请输入添加的扣款金额'><button id='doInsert'>添加</button></p>");
                $('#doInsert').click(function () {
                    var fid=$("input[name='fid']").val();
                    var mess=$("input[name='message']").val();
                    var kill=$("input[name='killed']").val();
                    var url=$('#typeUp').val();
                    var type=$("#type").val();
                    $.get(url,{fid:fid,message:mess,killed:kill,type:type}, function (data) {
                        if(data){
                            alert("添加成功")
                            window.location.reload();
                        }
                    })
                })
            })
            $('.delete').click(function(e){             //删除一条记录
                    if(confirm('确认删除？')){
                        e.preventDefault();
                        var id=$(this).attr('href');
                        var url=$('#qq').val();
                        var type=$("#type").val();
                        $.get(url,{deleteId:id,type:type}, function (data) {
                            if(data){
                                alert("删除成功");
                                window.location.reload();
                            }else{
                                alert('删除失败');
                            }
                        })
                    }
            })
        })
    </script>
</head>
<body>
<p><button id="insert">增加一条记录</button></p>
    <table class="layui-table">
            <tr>
                <th><b>序号</b></th>
                <th><b>父级ID</b></th>
                <th><b>属性</b></th>
                <th><b>扣款</b></th>
                <th><b>操作</b></th>
                <th><b>操作</b></th>
            </tr>
        <volist name="rs" id="data">
            <tr>
                <td>{$data.id}</td>
                <td>{$data.fid}</td>
                <td>{$data.message}</td>
                <td>{$data.killed}</td>
                <td><a href="{$data.id}" class="update">修改</a></td>
                <input type="hidden" value="typeUpCheck" id="typeUp">
                <input type="hidden" value="tyde" id="qq">
                <input type="hidden" value="{$type}" id="type">
                <td><a href="{$data.id}" class="delete">删除</a></td>
            </tr>
        </volist>
    </table>
</body>
</html>